<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

       <title>无标题文档</title>

       <style type="text/css">

          *{margin:0;padding:0;}

/*当页面的宽度在900px ~ 1200px之间的时候,平板电脑屏*/

         @media screen and (min-width: 900px) and (max-width: 1200px)

               {  .layer1{width: 50%;}

                .layer3-1{width: 30%;}

		.layer3-2{width: 33%;}

		.layer3-3{ width: 30%;}}

 /*当页面的宽度在900px ~ 1200px之间的时候,平板电脑屏*/

         @media screen and (min-width:600px) and (max-width:900px)

               { .layer1{width: 50%;}

                .layer3-1{width: 30%;}

		.layer3-2{width: 33%;}

		.layer3-3{ width: 30%;}}

           .layer1{width:59%; height:100px;background:lightblue;float:left;text-align:center;line-height:100px;font-size:20px;}

            .layer2{clear:both;}

           .layer3{width:100%; height:200px;}

             .layer3-1{width:30%; height:200px;background: #B0C4DE ;float:left;border-style:solid;

  border-width:5px;border-color: #6495ED;margin:5px 5px 5px 5px;}

             .layer3-2{width:31%; height:200px;background: #B0C4DE;float:left;border-style:solid;

  border-width:5px;border-color: #6495ED;margin:5px 5px 5px 5px;} 

             .layer3-3{width:30%; height:200px;background: #B0C4DE;float:left;border-style:solid;

  border-width:5px; border-color: #6495ED;margin:5px 5px 5px 5px;}

           .layer4{clear:both;}

           .layer6{width:100%; height:50px;background:blue;background:lightblue;}

           .layer1  a:hover{/* 鼠标经过时 */background-color:#002099;color:#ffff00;text-align:center;line-height:100px;}

           h1{color:blue;font-size:200%;text-align:center;}

           h2{font-weight: bold;text-align:center;color:white;background:lightblue;}

img{float:left;}      

       </style>

    </head>

    <body>

 <img src="http://www.sict.edu.cn/Templets/mode3/images/logo.png" width="342" height="100" float:left;>

 <div class="layer1"><a href="http://www.sict.edu.cn/sict/sict.htm" target="_blank">学院概括</a>

          <a href="http://jyjxb.sict.edu.cn" target="_blank">机构设置</a> 

          <a href="http://jyjxb.sict.edu.cn/" target="_blank">教育教学</a>

          <a href="http://zs.sict.edu.cn/" target="_blank">就业创业</a> 

          <a href="http://jy.sict.edu.cn:8081/default.html" target="_blank">科技服务</a></div></div>

      <div class="layer2"></div>

 <img src="http://www.sict.edu.cn/Templets/mode3/ad//06.jpg" width="100%" height="350">

       <div class="layer5"></div>

       <div class="layer3">

         <div class="layer3-1"><h2>学院要闻</h2></div>

         <div class="layer3-2"><h2>通知公告</h2></div>

         <div class="layer3-3"><h2>媒体报告</h2></div></div>

       <div class="layer4"></div>

       <div class="layer6"><h2>服务导航</h2></div>

</body>

</html>
